<!-- 主界面的外部框架 -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>后台管理系统</title>
    <!-- 告诉浏览器响应屏幕宽度 -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- 象形异体字 -->
    <link rel="stylesheet" href="css/all.min.css"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="css/adminlte.min.css"/>
    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="css/OverlayScrollbars.min.css"/>
    <!-- Bootstrap-->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        .brand-link{
            margin-top: 10px;
            height: 60px;
        }
        .brand-text{
            margin-left: 8px;
            font-size: 20px;
        }
        .my-link{
            display: block;
            padding: .5rem 1rem;
            white-space: nowrap;
            overflow:hidden;
            color:#6c757d;
        }
        .my-link p{
            transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
            display: inline-block;
            margin: 0;
        }
    </style>
</head>

<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
    <!-- 顶部导航栏 -->
    <nav id="top-nav" class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- 左侧导航栏折叠按钮 -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a id="exit" class="nav-link" href="#">退出登陆</a>
            </li>
        </ul>
    </nav>

    <!-- 左侧导航栏 -->
    <aside id="left-nav" class="main-sidebar sidebar-dark-primary elevation-4">
        <!-- 产品Logo -->
        <a href="../../.." class="brand-link">
            <img src="picture/default-head-img.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
                 style="opacity: .8"/>
            <span class="brand-text font-weight-light">后台管理系统</span>
        </a>
        <div class="sidebar">
            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                    data-accordion="false">
                    <li class="nav-item has-treeview menu-open">
                        <a href="#" class="nav-link active">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>
                                概览
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('system-overview/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    系统概览
                                </p>
                            </a>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview menu-open">
                        <a href="#" class="nav-link active">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>
                                用户管理
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('goods-release/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    用户查询
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('feedback-query/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    反馈记录
                                </p>
                            </a>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview menu-open">
                        <a href="#" class="nav-link active">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>
                                商品管理
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('goods-release/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    商品发布
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    已上架商品
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    已下架商品
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    已售罄商品
                                </p>
                            </a>
                        </ul>
                    </li>
                    <li class="nav-item has-treeview menu-open">
                        <a href="#" class="nav-link active">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>
                                订单管理
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    待发货
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    确认收货
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    待发货
                                </p>
                            </a>
                        </ul>
                    </li>

                    <li class="nav-item has-treeview menu-open">
                        <a href="#" class="nav-link active">
                            <i class="nav-icon fas fa-tachometer-alt"></i>
                            <p>
                                售后管理
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    退货
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    换货
                                </p>
                            </a>
                        </ul>
                        <ul class="nav nav-treeview">
                            <a onclick="changeContent('business-man-audit/main')" class="my-link">
                                <i class="nav-icon fas fa-th"></i>
                                <p>
                                    补发货
                                </p>
                            </a>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>
    <!-- 主内容区域 -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <iframe frameborder="no" src="system-overview/main" style="width:100%;  margin-left: 0px; height: 90vh;">
        </iframe>
    </div>
    <!-- 样式控制器 -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/adminlte.min.js"></script>

<script type="text/javascript" th:inline="javascript">

    changeContent = function (source) {
        $("iframe").attr("src", source);
    }

    $("#exit").click(function () {
        delCookie();
        window.location.reload();
        window.location.href = "../../";
    })

    function delCookie () {
        var keys = document.cookie.match(/[^ =;]+(?==)/g)
        if (keys) {
            for (var i = keys.length; i--;) {
                document.cookie = keys[i] + '=0;path=/;expires=' + new Date(0).toUTCString() // 清除当前域名下的,例如：m.ratingdog.cn
                document.cookie = keys[i] + '=0;path=/;domain=' + document.domain + ';expires=' + new Date(0).toUTCString() // 清除当前域名下的，例如 .m.ratingdog.cn
                document.cookie = keys[i] + '=0;path=/;domain=ratingdog.cn;expires=' + new Date(0).toUTCString() // 清除一级域名下的或指定的，例如 .ratingdog.cn
            }
        }
    }

</script>

</body>
</html>
